<template>
	<view class="index">
		<view title="显示图标" type="line">
			<uni-notice-bar show-icon :text="this.title" />
		</view>
		<swipera />
		<view class="index-main">
			<!-- <view class="main-navbar">
				<view class="navbar-main1">
					<text @tap="noce()">兼职招聘</text>
				</view>
				<view class="navbar-main2">
					<text @tap="schelp()">校园求助</text>
				</view>
			</view> -->
			<!-- <view class="main-btn">
				<view class="title">
					<text>信息列表</text>
				</view>
				<view class="btn1">
					<text>推荐排序</text>
				</view>
				<view class="btn2" @tap="xinzi">
					<text>薪资排序</text>
				</view>
			</view> -->
		</view>

		<!-- 招聘内容 -->
		<incontent ref="load">

		</incontent>

		
	</view>

</template>

<script>
	import swipera from "@/components/swiper.vue"
	import incontent from "@/components/index/content.vue"
	export default {
		data() {
			return {
				title: '该平台将于2月30日进行停机维护',
				// a: 'block',
				// b: 'none',
			}
		},
		components: {
			swipera,
			incontent,
		},
		onLoad() {
	
		},
		async onReachBottom() {
					this.$refs.load.loading()
				},
		methods: {
			/* 视口适配 */
			getClientHeight() {
				const res = uni.getSystemInfoSync();
				console.log(res.platform, res.statusBarHeight);
				const system = res.platform
				if (system === 'ios') {
					return 44 + res.statusBarHeight
				} else if (system === 'android') {
					return 48 + res.statusBarHeight
				} else { //小程序则不用返回
					return 0
				}
			},
			getMore() {
				uni.showToast({
					title: '点击查看更多',
					icon: 'none'
				})
			},
			xinzi(){
				this.$refs.paixu.mey()
			},
			// schelp() {
			// 	// uni.navigateTo({
			// 	// 	url:'/pages/index/schelp/schelp'
			// 	// })
			// 	this.a = 'none'
			// 	this.b = 'block'
			// },
			// noce() {
			// 	this.a = 'block'
			// 	this.b = 'none'
			// }
		}
	}
</script>

<style scoped lang="scss">
	.index {
		width: 100%;
		height: 100%;
		margin: auto;
	}

	.index-main {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		position: sticky;
		top: 44px;
		z-index: 1000;
		border-top: 1px solid #CCCCCC;
		.main-navbar {
			width: 100%;
			height: 80rpx;
			// border-bottom: 1px solid #CCCCCC;
			display: flex;
			justify-content: space-around;
			font-weight: bold;
			background-color: #CCFFFF;
			color: #FF6666;
			font-size: 40rpx;
			// background: linear-gradient(white 0%, white 60%, #aaffff 100%);

			.navbar-main1,
			.navbar-main2 {
				margin: auto;
			}
		}

		// .main-btn {
		// 	width: 100%;
		// 	height: 100rpx;
		// 	background-color: bisque;
		// 	display: flex;
		// 	justify-content: space-around;

		// 	.btn1,
		// 	.btn2 {
		// 		margin: auto;
				
		// 	}

		// 	.title {
		// 		font-weight: bold;
		// 		color: #99CCCC;
		// 		font-size: 48rpx;
		// 		margin-left: 30rpx;
		// 		line-height: 100rpx;
		// 	}
		// }
	}



	.container {
		/* #ifndef APP-NVUE */
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		/* #endif */
	}
</style>
